charset "utf-8";

/* CSS Document */

::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    width: 0;
    height: 0;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    background-color: transparent;
}

body,
html {
    background: #fff;
    font-family: "Microsoft YaHei", 微软雅黑, 华文细黑, bebas, raleway, "sans-serif";
    font-size: 14px;
    color: #454545;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*修正手持设备字体变化*/
}

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic
}

/*Base*/

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    background: transparent;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
}

a:active,
a:hover,
a:focus {
    text-decoration: none;
    color: #0e6eb8;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul,
li,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

i, em {
    font-style: normal;
}

abbr,
acronym {
    border: 0;
}

p {
    margin: 0;
    padding: 0;
}

.b {
    font-weight: bold
}

.relative {
    position: relative;
}

.lf {
    float: left;
}

.lr {
    float: right;
}

.tlf {
    text-align: left;
}

.tcen {
    text-align: center;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.clear:after {
    display: block;
    height: 0px;
    content: '';
    clear: both;
}

.fff {
    color: #fff;
}
.red{
    color:#da3838;
}
.c47 {
    color: #474849;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

@font-face {
    /*微软雅黑*/
    font-family: "msyh";
    src: url("../font/msyh.ttc") format("ttc");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

@font-face {
    /*微软雅黑加粗*/
    font-family: "msyhbd";
    src: url("../font/msyhbd.ttc") format("ttc");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

@font-face {
    /*微软雅黑加粗LIGHT*/
    font-family: "msyhl";
    src: url("../font/msyhl.ttc") format("ttc");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.swiper-pagination-bullet {
    margin: 0 2px;
}

/*公共结束*/
/*top*/
.header .toggle {
    position: absolute;
    top: 5px;
    right: 2px;
    display: none;
    width: 46px;
    height: 40px;
    cursor: pointer;
	z-index:100000;
}

.navigation {
    line-height: 48px;
    position: fixed;
    z-index: 99;
    top: 60px;
    right: -60%;
    overflow-y: scroll;
    width: 60%;
    height: 100%;
    border: 1px solid #eee;
    background-color: #fff;
}

.screen {
    position: relative;
}

.header {
    width: 100%;
    height: 100px;
    box-shadow: 0 1px 2px #ccc;
    background-color: #2068b5;
}

.Nheader {
    background-color: #111111;
}

.logo {
    display: block;
    margin-top: 17px;
    float: left;
}

.phone-logo, .toggle {
    display: none;
}

.navwrap, .topsearch, .Emalie {
    display: block;
    float: right;
}

.nav > li {
    position: relative;
    float: left;
    height: 99px;
}

.nav > li > a {
    line-height: 55px;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    height: 99px;
    font-size: 15px;
    width: 135px;
    text-align: center;
    position: relative;
    border-right: 1px solid #0b58aa;
}

.nav > li:last-child a {
    border-right: 0;
}

.nav > li:hover, .nav > li.on {
    background: #004793;
}

.nav > li > a:hover, .nav > li.on > a {
    color: #fff;
}

.header .nav .level-2 {
    position: absolute;
    z-index: 9;
    top: 80px;
    left: 0px;
    display: none;
    min-width: 180px;
    padding: 0;
    margin-left: 0px;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
}

.header .nav .level-2 li {
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    position: relative;
    padding: 0px 24px;
}

.header .nav .level-2 li a {
    cursor: pointer;
    display: block;
    padding: 0;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -ms-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    color: #707070;
}

.header .nav .level-2 li:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.header .nav .level-2 li:hover a {
    transform: translateX(6px);
    color: #fff;
}

.header .toggle .icon,
.header .toggle .icon::before,
.header .toggle .icon::after {
    position: absolute;
    width: 40px;
    height: 3px;
    transition-duration: .5s;
    border-radius: 2px;
    background: #fff;
}

.header .toggle .icon {
    top: 23px;
    right: 9px;
}

.header .toggle .icon::before,
.header .toggle .icon::after {
    content: '';
    background: inherit;
}

.header .toggle .icon::before {
    top: -12px;
    right: 0px;
}

.header .toggle .icon::after {
    top: 12px;
    right: 0px;
}

.header.nav-open .toggle .icon {
    width: 0;
}

.header.nav-open .toggle .icon::before {
    transform: translateY(12px) rotate(45deg);
}

.header.nav-open .toggle .icon::after {
    transform: translateY(-12px) rotate(-45deg);
}

.top {
    background: #fff;
    height: 45px;
    line-height: 45px;
    color: #484848;
    font-size: 12px;
}

.top b {
    font-size: 14px;
    color: #484848;
}

.top a {
    color: #484848;
    font-size: 12px;
    display: inline-block;
    float: left;
}

.top img {
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
}

/*web导航*/
.navigation .level-1 {
    padding: 0;
}

.navigation .level-1 > li {
    border-bottom: 1px solid #eeeeee;
    list-style: none;
}

.navigation .level-1 a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: inherit;
}

.navigation .level-1 > li > a {
    padding: 6px 2em 6px 1em;
}

.navigation .level-2 > li {
    font-size: 13px;
    border-bottom: 1px dotted #eee;
    list-style: none;
}

.navigation .level-1 li {
    position: relative;
}

.navigation .level-2 a {
    padding: 0 2em 0 3em;
}

.navigation .level-1 > li > a::before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    content: '';
    border: 1px solid #dcdcdc;
    border-radius: 50%;
}

.navigation .level-1 > li.active > a::before, .navigation .level-1 > li:hover > a::before {
    border: 1px solid #2068b5;
    background-color: #2068b5;
}

.navigation .level-2 {
    display: none;
}

.navigation .level-1 > li.navmore::after {
    position: absolute;
    top: 20px;
    right: 13px;
    width: 18px;
    height: 18px;
    content: '';
    /*background: url("../images/dwom1.png") no-repeat center right;*/
}

.navigation .level-1 > li.navmore.active::after {
    content: '';
    /*background: url("../images/down1.png") no-repeat center right;*/
}

/*首页标题*/
.Htitle {
    display: block;
    text-align: center;
    padding: 50px 0 20px;
}

.Htitle b {
    font-size: 40px;
    color: #2068b5;
    font-family: "微软雅黑 Light";
    font-weight: normal;
    text-transform: uppercase;
}

.Htitle b span {
    font-size: 40px;
    color: #2068b5;
    font-family: "微软雅黑";
    font-weight: bold;
    text-transform: uppercase;
}

.Htitle p {
    margin-bottom: 50px;
    font-size: 22px;
    color: #424242;
    font-family: "微软雅黑";
}

.Htitle h4 {
    font-size: 20px;
}

.Htitle h3 {
    font-size: 30px;
}

/*产品*/
.Hpro {
    padding-bottom: 100px;
    padding-top: 20px;
}

.Hprobox ul li, .Hprobox .li {
    color: #fff;;
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    height: 460px;
    position: relative;
    float: left;
}

.Hprobox .li {
    height: 220px;
    width: 100%;
    padding: 10px 15px;
}

.Hprobox ul li .img {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.Hprobox ul li:nth-child(2) .li:nth-child(1) {
    background: #eccd51;
}

.Hprobox ul li:nth-child(2) .li:nth-child(2) {
    background: #87c97f;
    margin-top: 20px;
}

.Hprobox ul li:nth-child(3) .li:nth-child(1) {
    background: #7fc9a9;
}

.Hprobox ul li:nth-child(3) .li:nth-child(2) {
    background: #ff8357;
    margin-top: 20px;
}

.Hprobox ul li:nth-child(4) .li:nth-child(1) {
    background: #3598c1;
}

.Hprobox ul li:nth-child(4) .li:nth-child(2) {
    background: #83c7d4;
    margin-top: 20px;
}

.Hprobox ul li:first-child {
    background: #636973;
    padding: 10px 15px;
}

.Hprobox ul li:first-child .img {
    bottom: 100px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.Hprobox ul li:last-child {
    background: #87c97f;
    padding: 10px 15px;
}

.Hprobox ul li:last-child .img {
    bottom: 100px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.Hpro h4 {
    font-size: 16px;
}

.Hpro p {
    font-size: 12px;
}

.Hpro .swiper-slide {
    border-radius: 5px;
    background: #87c97f;
    height: 300px;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
}

.Hpro .swiper-slide:nth-child(1) {
    background: #636973;
}

.Hpro .swiper-slide:nth-child(2) {
    background: #eccd51;
}

.Hpro .swiper-slide:nth-child(3) {
    background: #7fc9a9;
}

.Hpro .swiper-slide:nth-child(4) {
    background: #3598c1;
}

.Hpro .swiper-slide:nth-child(5) {
    background: #87c97f;
}

.Hpro .swiper-slide:nth-child(6) {
    background: #ff8357;
}

.Hpro .swiper-slide:nth-child(7) {
    background: #83c7d4;
}

.Hpro .swiper-slide:nth-child(8) {
    background: #87c97f;
}

.Hpro .swiper-pagination {
    width: 94%;
    margin-top: 20px;
}

.Hpro .swiper-slide img {
    height: 100px;
    margin-top: 52px;
}

/*困扰*/
.Hkr {
    background: url(../images/bg1.png) no-repeat center center;
    height: 730px;
    padding-bottom: 100px;
    padding-top: 20px;
}

.Hkr h3, .Hkr h4 {
    color: #fff;
}

.Hkrbox {
    position: relative;
}

.Hkrbox ul {
    margin-top: 80px;
    z-index: 0
}

.Hkrbox ul li {
    width: 50%;
    float: left;
    margin-bottom: 55px;
    text-align: left;
}

.Hkrbox ul li:nth-child(2n) {
    text-align: right;
}

.Hkrbox ul li span {
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: #2068b5;
    padding: 10px;
    color: #fff;
}

.Hkrbox ul li i {
    font-style: normal;
    display: inline-block;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background: #dddddd;
    padding: 10px;
    color: #504f4f;
}

.Hkr_xr {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    text-align: center;
    z-index: 2;

}

/*四大优势*/
.Hyou {
    padding-bottom: 30px;
    padding-top: 20px;
}

.Hyou ul li {
    width: 50%;
    float: left;

}

.Hyou ul li p{
    padding-left:15px;

}
.Hyou_con {
    width: 330px;
    height: 320px;
    line-height: 30px;
}

.Hyou_con p img {
    margin-right: 10px;
}

.Hyou ul li:nth-child(2n) .Hyou_con {
    float: right;
}

.Hyou .title {
    background: url(../images/youshititlebg.png);
    width: 282px;
    height: 64px;
    line-height: 64px;
    color: #2068b5;
    font-size: 22px;
    font-weight: bold;
    padding-left: 11px;
    margin-bottom: 30px;
}

.Hyou .title b {
    color: #fff;
    font-size: 22px;
    padding-right: 22px;
}

.Hyoubox {
    position: relative;
}

.Hyou_pro {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    text-align: center;
    z-index: 0;

}

/*四大优势*/
.Hcitronix {
    background: url(../images/bg2.png) no-repeat center center;
    padding-bottom: 60px;
    padding-top: 10px;
    color: #fff;
}

.Hcitronix p {
    color: #fff;
}

.Hcitronix_con {
    width: 100%;
    float: left;
    min-height: 350px;
    margin-bottom: 20px;
}

.Hcitronix_con img {
    margin-bottom: 40px;
}

.Hcitronix_con li:first-child {
    background: url(../images/youshi_titlebg.png) no-repeat left top;
    font-size: 12px;
}

.Hcitronix_con .title {
    padding-left: 6px;
}

.Hcitronix_con .title i {
    font-style: normal;
    line-height: 83px;
    font-size: 30px;
    display: inline-block;
    float: left;
}

.Hcitronix_con .title b {
    font-style: normal;
    line-height: 15px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    margin-left: 55px;
}

.Hcitronix_con .title span {
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    margin-left: 55px;
}

.Hcitronix_con .con {
    background: url(../images/list.png) repeat-y left top;
    float: left;
    padding-left: 20px;
    line-height: 38px;
    margin-left: 20px;
}
.Hcitronixbox_bottom{
    margin-top:20px;
}
.Hcitronixbox_bottom li {
    border-right: 1px solid #c9c9c9;
    background-color: #eaeaea;
    height: 115px;
    width: 25%;
    float: left;
    position: relative;

}

.Hcitronixbox_bottom li div {
    top: -16px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    position: absolute;
}

.Hcitronixbox_bottom li:last-child {
    border-right: none;
}

.Hcitronixbox_bottom li .arrow-up {
    display: none;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ff9644;
    font-size: 0;
    line-height: 0;
}

/*.btntab {*/
/*width: 100%;*/
/*text-align: center;*/
/*margin-bottom: 50px;*/
/*}*/
.Hcitronixbox_bottom i {
    border-radius: 20px;
    border-radius: 20px;
    display: none;
    margin: 0 10px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    z-index: 9;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    border: 1px solid #fff;
    line-height: 26px;
    color: #fff;
    height: 30px;
}

.Hcitronixbox_bottom .on i {
    background: #ff9644;
    color: #fff;
    border: 1px solid #ff9644;
}

.Hcitronixbox_bottom li:hover .arrow-up, .Hcitronixbox_bottom li.on .arrow-up {
    display: inline-block
}

.Hcitronixbox_bottom li:hover, .Hcitronixbox_bottom li.on {
    background-color: #ff9644;
}

.Hcitronixbox_bottom li:nth-child(1) div {
    background: url(../images/btnyoushi1.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(1) div:hover, .Hcitronixbox_bottom li.on:nth-child(1) div {
    background: url(../images/btnyoushi1hover.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(2) div {
    background: url(../images/btnyoushi2.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(2) div:hover, .Hcitronixbox_bottom li.on:nth-child(2) div {
    background: url(../images/btnyoushi2hover.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(3) div {
    background: url(../images/btnyoushi3.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(3) div:hover, .Hcitronixbox_bottom li.on:nth-child(3) div {
    background: url(../images/btnyoushi3hover.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(4) div {
    background: url(../images/btnyoushi4.png) no-repeat center center;
}

.Hcitronixbox_bottom li:nth-child(4) div:hover, .Hcitronixbox_bottom li.on:nth-child(4) div {
    background: url(../images/btnyoushi4hover.png) no-repeat center center;
}

/*解决方案*/
.Hsolu {
    padding-bottom: 70px;
    padding-top: 20px;
}

.Hsolubox .text {
    width: 250px;
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 30px;
    line-height: 24px;
}

.Hsolubox .mintext {
    width: 220px;
}

.Hsolubox .text h4 {
    font-size: 20px;
    font-weight: bold;
    color: #2068b5;
}

.Hsolubox .text p {
    font-size: 12px;
    color: #5a5959;
}

.Hsolubox .withe {
    color: #fff !important;
}

.Hsolubox .swiper-slide:nth-child(1) {
    background: #b0d5f0 url(../images/soluimg1.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(2) {
    background: #ebeff8 url(../images/soluimg2.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(3) {
    background: #a7b8ca url(../images/soluimg3.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(4) {
    background: #d2e6ef url(../images/soluimg4.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(5) {
    background: #e7eff2 url(../images/soluimg5.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(6) {
    background: #f2f3ee url(../images/soluimg6.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(7) {
    background: #459ca3 url(../images/soluimg7.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(8) {
    background: #ebeff8 url(../images/soluimg8.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(9) {
    background: #a7b8ca url(../images/soluimg9.png) no-repeat right;
}

.Hsolubox .swiper-slide:nth-child(10) {
    background: #b0d5f0 url(../images/soluimg10.png) no-repeat right;
}

.solurow1 {
    height: 560px;
    width: 100%;
    float: left;
}

.solurow1, .solurow2, .solurow3, .solurow1 li, .solurow2 li, .solurow3 li {
    float: left;
}

.solurow1 li:nth-child(1) .li:nth-child(1) {
    height: 270px;
    background: #b0d5f0 url("../images/soluimg1.png") no-repeat right top;
}

.solurow1 li:nth-child(1) .li:nth-child(2) {
    margin-top: 10px;
    height: 270px;
    background: #ebeff8 url("../images/soluimg2.png") no-repeat right top;
}

.solurow1 li:nth-child(2) {
    width: calc(20% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    height: 550px;
    background: #e7eff2 url("../images/soluimg5.png") no-repeat right top;
}

.solurow1 li:nth-child(3) .li:nth-child(1) {
    height: 270px;
    background: #a7b8ca url("../images/soluimg3.png") no-repeat right top;
}

.solurow1 li:nth-child(3) .li:nth-child(2) {
    margin-top: 10px;
    height: 270px;
    background: #d2e6ef url("../images/soluimg4.png") no-repeat right top;
}

.solurow1 li {
    height: 270px;
    width: 40%;
}

.solurow1 .li {
    height: 270px;
}

.solurow2 {
    height: 280px;
    width: 100%;
    float: left;
}

.solurow2 li {
    width: calc(50% - 10px);
    height: 270px;
}

.solurow2 li:nth-child(1) {
    margin-right: 5px;
    background: #f2f3ee url("../images/soluimg6.png") no-repeat right top;
}

.solurow2 li:nth-child(2) {
    margin-left: 5px;
    background: #459ca3 url("../images/soluimg7.png") no-repeat right top;
}

.solurow3 {
    height: 270px;
    width: 100%;
    float: left;
}

.solurow3 li {
    width: calc(33.333% - 10px);
    height: 250px;
	background-size:cover;
}

.solurow3 li:nth-child(1) {
    margin-right: 10px;
    background: #f2f3ee url("../images/soluimg8.png") no-repeat right top;
}

.solurow3 li:nth-child(2) {
    margin-right: 10px;
    background: #459ca3 url("../images/soluimg9.png") no-repeat right top;
}

.solurow3 li:nth-child(3) {
    background: #459ca3 url("../images/soluimg10.png") no-repeat right top;
}

/*伙伴*/
.Hteam {
    background: #f4f4f4;
}

.Hteambox {
    padding: 10px 0 100px;
    position: relative;
}

.Hteambox .swiper-container {
    width: 85%;
}

.Hteambox img {
    display: block;
    border: 1px solid #d2d2d2;
}

.Hteambox .swiper-pagination {
    display: none;
}

.Hteambox .swiper-button-prev {
    background: url(../images/btnleft.png);
    width: 48px;
    height: 48px;
    left: 18px;
}

.Hteambox .swiper-button-next {
    background: url(../images/btnright.png);
    width: 48px;
    height: 48px;
    right: 18px;
}

.Hteambox .swiper-button-prev:hover {
    background: url(../images/btnleft_hover.png);
}

.Hteambox .swiper-button-next:hover {
    background: url(../images/btnright_hover.png);
}

.Hteambox .swiper-button-prev, .Hteambox .swiper-button-next {
    top: 48px;
}

/*还提供*/
.Halso {
    padding: 50px 0;
}

.Halsobox {
    padding: 40px 0 100px;
    position: relative;
}

.Halsobox ul li {
    width: 50%;
    height: 215px;
    float: left;
    padding-right: 100px;
}

.Halsobox ul li:first-child {
    position: relative;
}

.Halsobox ul li:first-child img {
    position: absolute;
    bottom: -40px;
    right: -40px;
    z-index: 2;
}

.Halsobox ul li:last-child {
    position: relative;
}

.Halsobox ul li:last-child img {
    position: absolute;
    top: -40px;
    left: -40px;
    z-index: 0;
}

.Halsobox ul li:nth-child(2) {
    padding-top: 0px;
    padding-left: 120px;
}

.Halsobox ul li:nth-child(3) {
    padding-top: 82px;
    padding-left: 76px;
}

.Halsobox .text {
    width: 420px;
}

.Halsobox p {
    color: #676767;
    line-height: 24px;
    margin-top: 15px;
}

.Halsobox i {
    font-style: normal;
    color: #535252;
    font-size: 18px;
}

.Halsobox h4 {
    font-style: normal;
    color: #2068b5;
    font-size: 18px;
    font-weight: bold;
}

/*about*/
.Habout {
    background: url(../images/bgabout.png) no-repeat bottom center;
    margin-bottom: 50px;
}

.Haboutbox {
    padding: 0px 0 40px;
    position: relative;
}

.Haboutbox ul li {
    width: 50%;
    height: 215px;
    float: left;
    padding-right: 100px;
}

.Haboutbox p {
    width: 660px;
    margin-left: 485px;
    color: #616161;
    line-height: 24px;
}

.Haboutbox .tel {
    width: 100%;
    text-align: right;
    margin-top: 80px;
}

/*news*/
.Hnews {
    margin-bottom: 50px;
    margin-top: 80px;
}

.Hnewsbox {
    padding: 0px 0 40px;
    position: relative;
}

.Hnewsbox > ul > li {
    width: calc(33.333% - 10px);
    height: 375px;
    margin-right: 10px;
    float: left;
    background: #f4f4f4;
}

.Hnewsbox > ul > li:first-child {
    background: #296fb7;
    padding: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.Hnewsbox > ul > li:first-child a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.Hnewsbox > ul > li:first-child a:hover {
    color: #f4f4f4;
}

.Hnewsbox > ul > li:first-child img {
    margin-bottom: 10px;

}

.listTop ul {
    margin: 0 10px;
    overflow: hidden;
}

.listTop ul li {
    width: 100%;
    float: left;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
    font-size: 12px;
}

.listTop ul li:hover {
    background: url(../images/line_hover.png) no-repeat left center;
}

.listTop ul li:last-child {
    border-bottom: none;
}

.listTop ul li a {
    color: #333;
    font-size: 12px;
    display: inherit;
    width: calc(100% - 85px);
    float: left;
    margin-left: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listTop ul li a:hover {
    color: #296fb7;
}

.listTitle {
    border-bottom: 1px solid #dcdcdc;
    height: 78px;
    line-height: 78px;
    text-indent: 30px;
    font-weight: bold;
    color: #323131;
    font-size: 18px;
}

.listTitle span {
    color: #296fb7;
}

.listTitle i {
    font-style: normal;
    color: #6e6e6e;
}

.listTitle a {
    font-style: normal;
    color: #696969;
    float: right;
    margin-right: 30px;
    font-size: 14px;
    font-weight: normal;
}

/*foot*/
.footlinks {
    background: #282f35;
    padding: 30px 20px;
    border-bottom: 1px solid #4c5256;
}

.linkTitle {
    width: 90px;
    float: left;
    text-align: left;
    border-right: 1px solid #fff;
}

.linkTitle b {
    font-size: 16px;
    color: #fff;
}

.linkTitle p {
    font-size: 12px;
    color: #8e8d8d;
}

.footlinks ul {
    width: calc(100% - 90px);
    float: left;
}

.footlinks ul li {
    float: left;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 70px;
}

.footlinks ul li a {
    color: #b0b0b0;
    font-size: 14px;
}

.foot {
    background-color: #282f35;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
    color: #b0b0b0;
}

.foot h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    display: inline-block;
    line-height: 30px;
}

.foot a {
    font-size: 12px;
    color: #b0b0b0;
    display: inline-block;
    line-height: 30px;
}

.foot a:hover {
    color: #fff;
}

.foot ul {
    width: 13%;
    float: left;
}

.flogo {
    width: 250px;
    float: left;
    color: #b0b0b0;
    line-height: 24px;
}

.flogo .ftel {
    margin-bottom: 10px;
}

.flogo img:first-child {
    margin-top: 45px;
    margin-bottom: 45px;
}

.wx {
    float: right;
    text-align: center;
    line-height: 40px;
}

.Copyright {
    color: #9a9a9a;
    background: #000;
    text-align: center;
    font-size: 12px;
    padding: 15px 10px;

}

.Copyright a {
    color: #9a9a9a;
}

.Copyright a:hover {
    color: #fff;
}

/*内页*/
.nyalink {
    padding-left: 25px;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    color: #757575;
    background: url(../images/path.png) no-repeat left center;
    margin-bottom: 20px;
}

.nyalink a {
    color: #757575;
}

.nyalink a:hover {
    color: #0e6eb8;
}

.leftMenu {
    width: 235px;
    float: left;
    margin: 25px 0px;
}

.leftMenu ul li {
    height: 57px;
    line-height: 57px;
    text-align: center;
    width: 200px;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background: #efefef;
}

.leftMenu ul li:last-child {

    border-bottom: 1px solid #dcdcdc;
}

.leftMenu ul li a {
    color: #737373;
}

.leftMenu ul li a:hover, .leftMenu ul li.active a {
    color: #2068b5;
}

.leftMenu .leftTitle {
    background: #246bb6 url("../images/leftTitlebg.png") no-repeat top center;
    height: 96px;
    width: 200px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding-top: 23px;
    line-height: 28px;
}

.leftMenu .leftTitle p {
    font-size: 12px;
    color: #a6c3e1;
}

.leftTel {
    float: left;
    margin-top: 25px;
}

.rightCon {
    float: left;
    width: calc(100% - 235px);
    padding: 25px 0 60px 0px;
}

/*新闻*/
.Nnewslist ul li {
    width: 100%;
    padding: 40px 0px 40px 0px;
    float: left;
    border-bottom: 1px dashed #cccccc;
}

.Nnewslist ul li .img {
    margin-right: 25px;
    width: 218px;
    padding-right: 5px;
    padding-top: 0px;
    height: 129px;
    text-align: center;
    float: left;

}

.Nnewslist ul li p a {
    color: #035cac;
    font-size: 12px;
}

.Nnewslist ul .newnywz {
    float: left;
    width: calc(100% - 255px);
    color: #828282;
}

.Nnewslist ul li a {
    color: #4f4f4f;
    font-size: 18px;
    font-weight: normal;
}

.Nnewslist ul li p {
    margin-top: 10px;
    color: #828282;
    font-size: 12px;
    line-height: 20px;
}

/*新闻详情*/
.newstit {
    display: block;
    padding: 30px 5px 20px;
}

.newstit b {
    display: block;
    font-size: 24px;
    color: #2068b5;
    text-align: center;
}

.newstit span {
    text-align: center;
    display: block;
    margin: 26px 0 16px;
    color: #5a5a5a;
    font-size: 12px;
    padding: 10px 0 10px;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
}

.newsboxwz {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.newsboxwz p {
    color: #5a5a5a;
    line-height: 38px;
    text-indent: 28px;
}
.newsboxwz_zhichi {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.newsboxwz_zhichi p {
    color: #5a5a5a;
    line-height: 38px;
    text-indent: 0px;
}

.next {
    display: block;
    text-align: left;
    font-size: 12px;
    margin-bottom: 12px;
    color: #5a5a5a;
}

.next a {
    color: #5a5a5a;
}



/*产品中心*/
.Prolist ul li {
    border: 1px solid #dcdcdc;
    width: calc(33.33% - 14px);
    margin-right: 20px;
    height: 380px;
    float: left;
    text-align: center;
    margin-top: 20px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.Prolist ul li:nth-child(3n) {
    margin-right: 0px;
}

.Prolist ul li a {
    display: block;
    color: #595959;

}

.Prolist ul li img {
    margin-bottom: 25px;
}
.Prolist span{ font-size:12px; color:#7c7c7c;}

.ProInfo {
    padding: 20px 20px;
}

.proShow, .ProAttr {
    height: 465px;
}

.ProAttr {

    line-height: 38px;
}

.ProAttr h4 {
    
}

.ProTitle {
    width: 100%;
    border-bottom: 2px solid #035cac;
    color: #fff;
    height: 40px;
    float: left;
}

.ProTitle span {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #035cac;
    font-weight: bold;
    text-align: center;
}

.ProInfo .swiper-container {
    width: 100%;
    height: 310px;
    margin-left: auto;
    margin-right: auto;
}

.ProInfo .swiper-slide {
    text-align: center;
}

.ProInfo .swiper-button-next, .ProInfo .swiper-button-prev {
    top: 79%;
    width: 18px;
    height: 35px;
    background-size: 18px 35px;
}

.ProInfo .gallery-top {
    height: 310px;
    width: 310px;
    line-height: 310px;
    border: 1px solid #d2d2d2;
}

.ProInfo .gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
    width: 88%;
}

.ProInfo .gallery-thumbs .swiper-slide {
    width: 71px;
    height: 71px;
    line-height: 71px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

.ProInfo .gallery-thumbs .swiper-slide-active {
    border: 2px solid #035cac;
}

.ProInfo .swiper-button-prev {
    background-image: url(../images/proleft.png);
}

.ProInfo .swiper-button-next {
    background-image: url(../images/proright.png);
}
.ProCon{
    padding:20px 0px;
    float: left;
}
.proShow {
    height: 450px;
}
    /*解决方案*/
.SoluList  ul li {
    width: calc(33.33% - 14px);
    margin-right: 20px;
    height: 190px;
    float: left;
    margin-top: 20px;
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.SoluList ul li:nth-child(3n) {
    margin-right: 0px;
}

.SoluList ul li a {
    display: block;
    color: #595959;

}

.SoluList ul li img {
    position: absolute;
    left: 5px;
    top: 0px;
    z-index: 1;
}

.SoluList .text {
    width: 170px;
    position: absolute;
    left: 25px;
    top: 20px;
    z-index: 2;
    text-align: left;
    color:#2068b5;
}

.SoluList .text h4 {
    font-size:20px;
}
.SoluList .text p {
    height:50px;
    overflow: hidden;
    font-size:12px;
    line-height:25px;
    margin-bottom: 30px;
}
.SoluList .text  a{
    font-size:12px;
    color:#2068b5;
}
.SoluList .baise ,.SoluList .baise a{
    color:#fff;
}

.SoluList ul li:nth-child(1) {
    background: #c8c2c1 url(../images/solu1.png) no-repeat right;
}

.SoluList ul li:nth-child(2) {
    background: #d2e6ef url(../images/solu2.png) no-repeat right;
}

.SoluList ul li:nth-child(3) {
    background: #e6f0f3 url(../images/solu3.png) no-repeat right;
}

.SoluList ul li:nth-child(4) {
    background: #d2e6ef url(../images/solu4.png) no-repeat right;
}

.SoluList ul li:nth-child(5) {
    background: #4999ab url(../images/solu5.png) no-repeat right;
}

.SoluList ul li:nth-child(6) {
    background: #f2f4f1 url(../images/solu6.png) no-repeat right;
}

.SoluList ul li:nth-child(7) {
    background: #3f699e url(../images/solu7.png) no-repeat right;
}

.SoluList ul li:nth-child(8) {
    background: #e6f0f3 url(../images/solu8.png) no-repeat right;
}

.SoluList ul li:nth-child(9) {
    background: #eaf0f5 url(../images/solu9.png) no-repeat right;
}

.SoluList ul li:nth-child(10) {
    background: #d2e6ef url(../images/solu10.png) no-repeat right;
}


.zhuisu ul li{
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    height:300px;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.zhuisu ul li img{
    border:1px solid #d2d2d2;
}
.zhuisu ul li a{
    color: #474747;
}

.SoluShow{
    width:80%;
    height:500px;
    margin:20px auto;
}
.SoluInfo {
    padding: 40px 20px;
}
.SoluInfo .swiper-container {
    width: 100%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
}

.SoluInfo .swiper-slide {
    text-align: center;
}

.SoluInfo .swiper-button-next, .SoluInfo .swiper-button-prev {
    top: 82%;
    width: 18px;
    height: 35px;
    background-size: 18px 35px;
}
.SoluInfo .swiper-button-next{
    right:150px;
}
.SoluInfo .swiper-button-prev{
    left:150px;
}
.SoluInfo .gallery-top {
    height: 350px;
    width: 500px;
    line-height: 310px;
    border: 1px solid #d2d2d2;
}

.SoluInfo .gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 20px 0;
    width: 55%;
    min-width: 435px;
}

.SoluInfo .gallery-thumbs .swiper-slide {
    width: 71px;
    height: 71px;
    line-height: 71px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

.SoluInfo .gallery-thumbs .swiper-slide-active {
    border: 2px solid #035cac;
}

.SoluInfo .swiper-button-prev {
    background-image: url(../images/proleft.png);
}

.SoluInfo .swiper-button-next {
    background-image: url(../images/proright.png);
}

/*联系我们*/
.formShow{
    padding: 40px 20px;
}
.formShow .form-control{
    background: #f7f7f7;
    height:45px;
    border:1px solid #dcdcdc;
}

.formShow textarea.form-control{
    height:180px;
}
.formShow button{
    height:45px;
    font-size:16px;
}

.contact{

    margin:20px auto;
}
.borderRight{
    border-right:1px solid #dcdcdc;
    height:70px;
}
.contactbox{
    border:1px solid #dcdcdc;
    padding:20px 0;
    color:#282828;
    line-height:24px;
    float: left;
    width:100%;
}

.contactbox span{
    color:#737373
}

.ditu {width: 100%;height:455px; margin-top:35px;
    float: left;}

/*关于我们*/
.about{
    margin: 40px 20px;
    padding-bottom: 50px;
    background: url(../images/about-line.png) repeat-y center;
}
.about .satrt{
    width:76px;
    height:76px;
    margin:0 auto;
    line-height:76px;
    color: #fff;
    text-align: center;
    background: url(../images/aboutbg.png) no-repeat center;
    font-size:18px;
}
.about ul li{
    width:100%;
    margin-top:25px;
    margin-bottom:25px;
    float: left;
}

.leftText {
    width:calc(50% - 90px);
    float: left;
    padding: 30px 15px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5em;
    position: relative;
    border-color: #c9c9c9;
    margin-right: 50px;
    transform: translateX(20px);
    transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.leftText:before, .leftText:after {
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    left: 100%;
}
.leftText:before {
    border-left-color: inherit;
    border-width: 18px;
    top: 50%;
    margin-top: -18px;
}
.leftText:after {
    border-left-color: #fff;
    border-width: 17px;
    top: 50%;
    margin-top: -17px;
}
.leftText .dianBig{
    top: 50%;
    right: -103px;
}
.rightText .dianBig{
    top: 50%;
    left: -103px;
 }
.rightText .dianSmaill{
    top: 50%;
    left:-82px;
}

.leftText .dianSmaill{
    top: 50%;
    right:-80px;
}

.dianBig{
    position: absolute;
    width:60px;
    height:60px;
    margin:auto;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: url(../images/aboutbg2.png) no-repeat center center;
    margin-top:-30px;
}
.dianSmaill{
    position: absolute;
    width:18px;
    height:18px;
    margin:auto;
    background: url(../images/aboutsmail.png) no-repeat center center;
    margin-top:-9px;
}
.centerImg{
    width:80px;
    height:80px;
    float: left;
    /*background: url(../images/aboutsmail.png) no-repeat center center;*/
}
.centerBigImg{
    width:80px;
    height:80px;
    float: left;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: url(../images/aboutbg2.png) no-repeat center center;
}
.leftImg {
    width:calc(50% - 40px);
    float: left;
    min-height: 80px;
    text-align: center;
}
.rightImg {
    width:calc(50% - 40px);
    float: left;
    min-height: 80px;
    text-align: center;
}
.rightText {
    width:calc(50% - 90px);
    float: left;
    padding: 30px 15px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5em;
    position: relative;
    min-height: 80px;
    border-color: #c9c9c9;
    margin-left: 12px;
    transform: translateX(20px);
    transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.rightText:before, .rightText:after {
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    right: 100%;
}
.rightText:before {
    border-right-color: inherit;
    border-width: 18px;
    top: 50%;
    margin-top: -18px;
}
.rightText:after {
    border-right-color: #fff;
    border-width: 17px;
    top: 50%;
    margin-top: -17px;
}









/*响应布局*/
.smallShow {
    display: none;
}

.bigShow {
    display: block;
}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 1200px) {
    .container {
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 1100px) {
    .container {
        width: calc(100% - 30px);
    }

    .Hkr_xr img {
        width: 250px;
    }
    .nav > li > a{
        width:110px;
    }
}

@media only screen and (max-width: 992px) {
    /*开始小屏幕*/
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
        height: 60px;
    }

    .logo {
        display: none;
    }

    .phone-logo {
        display: block;
        margin-top: 3px;
    }

    .phone-logo img {
        height: 45px;
        margin-top: 4px;
        width: auto;
    }

    .header .toggle {
        display: block;
    }

    .header .nav {
        display: none;
    }

    .foot {
        padding: 15px 0 30px;
    }

    .body {
        background: #fff;
        padding-top: 50px;
    }

    .smallShow {
        display: block;
    }

    .bigShow {
        display: none;
    }

    .Hteambox .swiper-pagination {
        display: inline-block;
        bottom: 45px;
        left: 0;
        width: 100%;
    }

    .flogo {
        width: 100%;
        text-align: center;
    }

    .foot ul {
        width: 25%;
    }

    .foot ul li {
        text-align: center;
    }

    .flogo img:first-child {
        margin-top: 15px;
        margin-bottom: 36px;
    }

    .linkTitle {
        width: 100%;
        float: left;
        text-align: center;
        border-right: none;
    }

    .footlinks {
        padding: 30px 0px;
    }

    .footlinks ul {
        width: 100%;
    }

    .Hnewsbox > ul > li {
        width: calc(100% - 10px);
        height: 375px;
        margin-bottom: 10px;
        float: left;
        background: #f4f4f4;
    }

    .Hnewsbox > ul > li:first-child {
        text-align: center;
    }

    .Habout {
        background: transparent;
    }

    .Haboutbox p {
        width: 100%;
        margin: 0 auto;
    }

    .Hnews {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .Halso {
        padding: 10px 0;
    }

    .Halsobox ul li {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        padding: 0px;
    }

    .Halsobox {
        padding: 0px 0 0px;
        position: relative;
    }

    .Halsobox ul li:first-child img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 0;
        height: 210px;
    }

    .Halsobox ul li:last-child img {
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 0;
        height: 210px;
    }

    .Halsobox .text {
        width: 100%;
    }

    .Hcitronix {
        background: url(../images/bg2.png) repeat-y center center;
    }

    .Halsobox ul li:nth-child(2) {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        width: 100%;
    }

    .Halsobox ul li:nth-child(3) {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .solurow1 li {
        height: 270px;
        width: 100%;
    }

    .Hyou ul li {
        width: 50%;
        margin-bottom:20px;
        height: auto;
        float: left;
    }

    .Hyou_con {
        height: auto;
        width: 98%;
        margin-bottom: 20px;
    }

    .Hkrbox ul li {
        margin-bottom: 20px;
        width: calc(50% - 5px);
        margin-left: 5px;
        height: 120px;
    }

    .Hkrbox ul li span {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 100%;
        text-align: left;
    }

    .Hkrbox ul li i {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 0px;
        width: 100%;
        text-align: left;
    }

    .Hkr {
        background: url(../images/bg1.png) repeat-y center center;
        height: auto;
        padding-bottom: 35px;
        padding-top: 0px;
    }

    .Hkrbox ul {
        margin-top: 20px;
        z-index: 0;
    }

    .banner {
        margin-top: 62px;
    }

    .Htitle {
        padding: 20px 0 0px;
    }

    .Hcitronix_con img {
        margin-top: 20px;
    }

    .Hsolubox .text {
        padding-top: 20px;
        padding-right: 16px;
        line-height: 24px;
        height: 260px;
        background: #ffffffc7;
        width: 100%;
    }

    .Hsolubox .swiper-pagination {
        width: 95%;
        margin-top: 20px;
    }

    .Hnewsbox > ul > li {
        width: 100%;
        margin-right: 0px;
    }
    .Hyou .title {
        background: url(../images/youshititlebg-l.png) repeat-y left top;
        width: 100%;
    }

    /*二三级页面自适应*/
    .leftMenu{
        width:100%;
        margin: 15px 0px;
    }
    .leftMenu .leftTitle{
        width:100%;
        height: 85px;
        padding-top:15px;
        background: #2068b5;
    }
    .leftMenu ul  {
        float: left;
        width:100%;
        background:#efefef;
        text-align: center;
    }
    .leftMenu ul li {
        margin:0 auto;
        width:90px;
        border:none;
        display: inline-block;
    }
    .leftTel{
        display: none;
    }
    .rightCon{
        width:100%;
        padding:0px 0 50px 0px;
    }
    .nyalink {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .Prolist ul li{
        width:calc(50%- 20px);
        margin-right:10px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom:20px;
        height: auto;
    }
    .Prolist ul li img {
        margin-bottom: 10px;
    }
    .ProAttr {
        padding-left: 0px;
        padding-right: 0px;
        line-height: 38px;
        height: auto;
        margin-bottom: 30px;
    }
    .proShow {
        padding: 0px;
        height:400px;
    }
    .ProInfo .gallery-thumbs{
        width:77%;
    }
    .ProInfo .swiper-button-next, .ProInfo .swiper-button-prev {
        top: 90%;
    }
    .SoluList ul li {
        width:48%;
        margin-right:1%;
        margin-left:0;
    }
    .SoluList ul li:nth-child(3n) {
        margin-right:1%;
        margin-left:0;
    }
    .SoluInfo .gallery-top {
        height: 350px;
        width: 100%;
        line-height: 310px;
        border: 1px solid #d2d2d2;
    }
    .SoluShow {
        width: 100%;
        height: 500px;
        margin: 0px auto;
    }
    .SoluInfo .gallery-thumbs{
        width: calc(100% - 80px);
        min-width:calc(100% - 80px);
    }
    .SoluInfo .swiper-button-next{
        right:25px;
    }
    .SoluInfo .swiper-button-prev{
        left:25px;
    }
    .SoluInfo .swiper-slide{
        overflow: hidden;
    }
    .about {
        margin: 25px -12px;
    }
    .leftText{
        padding:10px;
    }
    .borderRight{
        border-right:none;
        margin-bottom:20px;
        height:auto;
    }
    .contactbox .text-left,.contactbox .text-right{
        text-align: center;
    }
    .contactbox img{
        margin: 10px auto;
    }
}

@media only screen and (max-width: 900px) {
    .body {
        background: #fff;
    }

    .smallShow {
        display: block;
    }

    .bigShow {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 700px) {

    .Hcitronixbox_bottom li:hover, .Hcitronixbox_bottom li.on {
        background: transparent;
    }

    .Hcitronixbox_bottom li, .Hcitronixbox_bottom li.on {
        border: none;
        height: auto;
        background: transparent;
    }

    .Hcitronixbox_bottom li div {
        display: none;
    }

    .Hcitronixbox_bottom i {
        display: inline-block;
        padding:10px 15px;
        height: auto;
    }

    .borderRight{
        border-right:none;
        margin-bottom:20px;
    }
    .contactbox .text-left,.contactbox .text-right{
        text-align: center;
    }
    .contactbox img{
        margin: 10px auto;
    }
}

@media only screen and (max-width: 600px) {

    .Hyou ul li {
        width: 100%;
        float: left;
    }
    .Prolist ul li{
        width:100%;
        margin-right:0;
        padding-bottom:20px;
        height: auto;
    }

    .SoluList ul li {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .zhuisu ul li{
        height:auto;
    }
    .Hyou_con{
        width:100%;
    }
}

@media only screen and (max-width: 360px) {
    　

}

/*dongh*/
/*****分页 PageList--*/
.page_nav a {
    margin: 2px;
    color: #ccc;
    border: 1px solid #ccc;
    text-decoration: none;
    padding: 3px 10px;
    cursor: pointer;
}

.page_nav a:hover {
    color: #000;
    border: 1px solid #ccc
}

.page_nav a:active {
    color: #000;
    border: 1px solid #ccc
}

.page_nav span.current {
    font-weight: bold;
    margin: 2px;
    color: #fff;
    border: 1px solid #0073bc;
    background-color: #0073bc;
    padding: 5px 10px;
}

.page_nav span.nolink {
    margin: 2px;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.page_nav {
    margin-top: 50px;
    text-align: center;
    width: 100%;
}